﻿<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="contextPath" value="<%=getServletContext().getContextPath()%>" />
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>MCE|Starter B duplex</title>
    <link rel="stylesheet" href="${contextPath}/resources/css/mce.css"></link>
    <link rel="stylesheet" href="${contextPath}/resources/css/size.css" ></link>
    <link rel="stylesheet" href="${contextPath}/resources/css/jquery-ui.css" ></link>
    <link href='http://fonts.googleapis.com/css?family=Lato:400,300,700,400italic' rel='stylesheet' type='text/css' ></link>
    <script type="text/javascript" src="${contextPath}/resources/js/jquery/jquery-1.10.1.js"></script>
    <script type="text/javascript" src="${contextPath}/resources/js/jquery-ui/jquery-ui.js"></script>
    <script type="text/javascript" src="${contextPath}/resources/js/validation/validation.js"></script>
    <script type="text/javascript" src="${contextPath}/resources/js/client/QuoteProcess.js"></script>

</head>
<body>
    <div id="ovl" class="ovl"></div>
    <div class="mceContainer">
        <!--HOME BANNER CONTAINER-->
        <div class="afterHeaderContainer">
            <!--NAVIGATION MENU-->
            <%@include file="../right-include/top-header.jsp" %>
            <!--/NAVIGATION MENU-->
        </div>
        <!--/HOME BANNER CONTAINER-->
        <!--MAIN CONTAINER-->
        <div class="mainContainer" style="width: 1100px;">
            <table class="wrapContainer">
                <tr>
                    <td class="left" style="width: 20%;">
                        <!--LEFT CONTAINER-->
                        <div class="wrapDataContainer borderRight">
                            <p class="subject" style="width:200px;">New Quote</p>
                            <p>To create a new quote, please complete the steps below. Once submitted, we will provide a PDF quote. </p>
                            <br />
                            <h2 class="font17">Quote Process</h2>
                            
                            <div class="quoteProcessContainer">
                                <div class="quote-process-item">
                                    <span class="passed">Job Info
                                    </span>
                                </div>
                                <div class="quote-process-item">
                                    <span class="passed">System Configuration
                                    </span>
                                </div>
                                <div class="quote-process-item">
                                    <span class="passed">Car A Configuration
                                    </span>
                                </div>                               
                                <div class="quote-process-item">
                                    <span class="passed">Car B Configuration
                                    </span>
                                </div>
                                <div class="quote-process-item-active">
                                    <span style="margin-left: 20px;">STEP 1: Starter
                                    </span>
                                </div>
                                <div class="quote-process-item">
                                    <span style="margin-left: 20px;">STEP 2: Hoistway
                                    </span>
                                </div>
                                <div class="quote-process-item">
                                    <span style="margin-left: 20px;">STEP 3: Options
                                    </span>
                                </div>
                                <div class="quote-process-item">
                                    <span>Review Summary
                                    </span>
                                </div>
                                <div class="quote-process-item">
                                    <span>Receive Quote 
                                    </span>
                                </div>
                            </div>
                            
                        </div>
                        <!--/LEFT CONTAINER-->
                    </td>
                    <td>
                        <!--BODY CONTAINER-->
                        <div class="wrapDataContainer">
                            <div class="title">
                                STARTER
                            </div> 
                            <div class="wrap-item-container wd_500">
                               	<p class="mceTextOrange">
                                    JOB NAME: <span class="bold colorDefault">FPT Test Data</span>
                                </p>
                            </div>                           
                            <div class="mce-align-center">
                                <div class="wrap-item-container">
                                    <div class="html-control-container">
                                        <div class="label-wrap wd_185"></div>
                                        <div class="label-wrap wd_160 inactive"><h3>Car A</h3></div>
                                        <div class="label-wrap wd_160 mceLinkAction "><h3>Car B</h3></div>
                                    </div>
                                </div>
                                <div class="wrap-item-container">
                                    <div class="html-control-container">
                                        <div class="label-wrap wd_185">Starter Brand<span class="required">*</span></div>
                                        <div class="label-wrap wd_160"><span class="inactive">Siemens</span></div>
                                        <div class="field-wrap wd_160">
                                            <select id="EH_START_BRAND" class="mce wd_220">
                                                <optgroup label="Select">
                                                <option value=""></option>
                                                <option value="0">Siemens</option>
                                                <option value="1" selected="selected">Sprecher+Schuh</option></optgroup>
                                            </select>
                                            <span id="error_EH_START_BRAND" class="span-ico"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container">
                                    <div class="html-control-container">
                                        <div class="label-wrap wd_185">Starter Type</div>
                                        <div class="label-wrap wd_160"><span class="inactive">Solid State</span></div>
                                        <div class="field-wrap wd_160">
                                            <input id="EH_START_TYPE" readonly="readonly" type="text" class="mce disabled normal-and-italic wd_220" maxlength="16" value="Solid State" />
                                            <span id="error_EH_START_TYPE" class="span-ico"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container">
                                    <div class="html-control-container">
                                        <div class="label-wrap wd_185">Estimated Pump Motor HP</div>
                                        <div class="label-wrap wd_160"><span class="inactive">30.0 HP</span></div>
                                        <div class="field-wrap wd_160">
                                            <input id="EH_EST_PUMP_HP" readonly="readonly" type="text" class="mce disabled normal-and-italic wd_220" maxlength="16" value="30.0 HP" />
                                            <span id="error_EH_EST_PUMP_HP" class="span-ico"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container">
                                    <div class="html-control-container">
                                        <div class="label-wrap wd_185">Pump Motor HP<span class="required">*</span></div>
                                        <div class="label-wrap wd_160"><span class="inactive">35.0 HP</span></div>
                                        <div class="field-wrap wd_160">
                                            <select id="EH_PUMP_HP" class="mce wd_220">
                                                <optgroup label="Select">
                                                <option value=""></option>
                                                <option value="25.0">25.0 HP</option>
                                                <option value="30.0">30.0 HP</option>
                                                <option value="35.0">35.0 HP</option>
                                                <option value="40.0" selected="selected">40.0 HP</option>
                                                <option value="45.0">45.0 HP</option>
                                                <option value="50.0">50.0 HP</option>
                                                <option value="55.0">55.0 HP</option>
                                                <option value="60.0">60.0 HP</option>
                                                </optgroup>
                                            </select>
                                            <span id="error_EH_PUMP_HP" class="span-ico"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container">
                                    <div class="html-control-container">
                                        <div class="label-wrap wd_185">Estimated Pump Motor FLA</div>
                                        <div class="label-wrap wd_160"><span class="inactive">104.00 A</span></div>
                                        <div class="field-wrap wd_160">
                                            <input id="EH_EST_PUMP_FLA" readonly="readonly" type="text" class="mce disabled normal-and-italic wd_220" maxlength="16" value="104.00 A" />
                                            <span id="error_EH_EST_PUMP_FLA" class="span-ico"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container">
                                    <div class="html-control-container" style="height:40px;">
                                        <div class="label-wrap wd_185">Pump Motor FLA<span class="required">*</span></div>
                                        <div class="label-wrap wd_160"><span class="inactive">105.00 A</span></div>
                                        <div class="field-wrap wd_160">
                                            <input id="EH_PUMP_FLA" type="text" class="mce wd_220" maxlength="16" value="105.00 A" />
                                            <span id="error_EH_PUMP_FLA" class="span-ico"></span>
                                            <br/>
                                            <span class="element-hint">(1.00 - 250.00 A)</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container">
                                    <div class="html-control-container">
                                        <div class="label-wrap wd_185">Number of Motor Leads<span class="required">*</span></div>
                                        <div class="label-wrap wd_160"><span class="inactive">6 Leads</span></div>
                                        <div class="field-wrap wd_160">
                                            <select id="EH_MTR_LEADS" class="mce wd_220">
                                                <optgroup label="Select"><option value=""></option><option value="3">3 Leads</option><option selected="selected" value="6">6 Leads</option><option value="9">9 Leads</option><option value="12">12 Leads</option></optgroup>
                                            </select>
                                            <span id="error_EH_MTR_LEADS" class="span-ico"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container">
                                    <div class="html-control-container">
                                        <div class="label-wrap wd_185">Number of Starts per Hour<span class="required">*</span></div>
                                        <div class="label-wrap wd_160"><span class="inactive">120</span></div>
                                        <div class="field-wrap wd_160">
                                            <select id="EH_START_PER_HOUR" class="mce wd_220">
                                                <optgroup label="Select"><option value=""></option><option value="80">80</option><option selected="selected" value="120">120</option></optgroup>
                                            </select>
                                            <span id="error_EH_START_PER_HOUR" class="span-ico"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container">
                                    <div class="html-control-container">
                                        <div class="label-wrap wd_185">Number of Pump Motors</div>
                                        <div class="label-wrap wd_160"><span class="inactive">Single</span></div>
                                        <div class="field-wrap wd_160">
                                            <input id="EH_NUM_PUMP_MTRS" readonly="readonly" type="text" class="mce disabled normal-and-italic wd_220" maxlength="16" value="Single" />
                                            <span id="error_EH_NUM_PUMP_MTRS" class="span-ico"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container">
                                    <div class="html-control-container">
                                        <div class="label-wrap wd_185">Number of Valve System</div>
                                        <div class="label-wrap wd_160"><span class="inactive">1</span></div>
                                        <div class="field-wrap wd_160">
                                            <input id="EH_NUM_VALVE" readonly="readonly" type="text" class="mce disabled normal-and-italic wd_220" maxlength="16" value="1" />
                                            <span id="error_EH_NUM_VALVE" class="span-ico"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container">
                                    <div class="html-control-container">
                                        <div class="label-wrap wd_185">Valve Type</div>
                                        <div class="label-wrap wd_160"><span class="inactive">EECO 120VAC / 4 coil</span></div>
                                        <div class="field-wrap wd_160">
                                            <select id="EH_VALVE_TYPE" class="mce wd_220">
                                                <optgroup label="Select"><option value=""></option>
                                                <option value="10">Blain 120VAC / 4 coil Valve</option>
                                                <option value="20">EECO 120VAC / 4 coil Valve</option>
                                                <option value="30">Maxton 120VAC / 4 coil Valve</option>
                                                <option value="40" selected="selected">TKE 120VAC / 4 coil Valve</option></optgroup>
                                            </select>
                                            <span id="error_EH_VALVE_TYPE" class="span-ico"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container">
                                    <div class="html-control-container">
                                        <div class="label-wrap wd_185">Cntlr Enclosure Size</div>
                                        <div class="label-wrap wd_160"><span class="inactive">31.5x34x11 Wall(Inch)</span></div>
                                        <div class="field-wrap wd_160">
                                            <input id="EH_ENCL_ID" readonly="readonly" type="text" class="mce disabled normal-and-italic wd_220" maxlength="16" value="31.5x34x11 Wall(Inch)" />
                                            <span id="error_EH_ENCL_ID" class="span-ico"></span>
                                        </div>
                                    </div>
                                </div>

                                <div class="wrap-item-container" style="margin-top:20px;">
                                    <center><span style="color:#EE7000">(*) Mandatory Field</span></center>
                                </div>
                                <div class="wrap-item-container">
                                    <div class="buttonContainer">
                                        <input type="button" onclick="javascript:window.location.href='${contextPath}/edit-quote-duplex/car-a-configuration/options'" style="float:none;" class="mce back" value="BACK" />
                                        <input type="button" onclick="javascript:window.location.href='${contextPath}/edit-quote-duplex/car-b-configuration/hoistway'" style="float:none;" class="mce" value="NEXT" />
                                    </div>
                                </div> 
                            </div>

                        </div>
                        <!--/BODY CONTAINER-->
                    </td>
                    <td class="right" style="width: 20%;">
                         <%@include file="../right-include/right.jsp" %>
                    </td>
                </tr>
            </table>
        </div>
        <!--/MAIN CONTAINER-->
        <!--FOOTER CONTAINER-->
        <div class="footerContainer">
            <img src="${contextPath}/resources/images/Nidec.jpg" />
            <img src="${contextPath}/resources/images/MCE.jpg" />
            <div class="clearBoth" />
            <p class="copyRight">Copyright 2014 Motion Control Engineering. All Rights Reserved</p>
        </div>
        <!--/FOOTER CONTAINER-->
    </div>

</body>
</html>
